import { Modal, Button, Input } from 'antd';
import React from 'react';
import List from "./PaymenterList";
import OrderFilterExpand from 'components/Filter/OrderFilterExpand';

const SearchPaymenters = ({
  dispatch,
  ...listProps
}) => {

  const handleOk = () => {
    listProps.showOrClosePop(false);
  };
  const handleCancel = () => {
    listProps.showOrClosePop(false);
  };
  const filterProps = {
    filterItems: [
      {
        type: 'input',
        id: 'name',
        title: '门店名称',
      },
    ],
    onFilterChange(value) {
      dispatch({
        type: 'receiptAdd/query',
        payload: {
          ...value
        }
      })
    }
  }
  return (
    <div>
      <Modal
        visible={listProps.visible}
        title="请选择付款方"
        width={1600}
        onCancel={handleCancel}
        footer={null}>
        <OrderFilterExpand {...filterProps} />
        <List {...listProps} />
      </Modal>
    </div>
  );
};

export default SearchPaymenters;
